﻿@{
    Layout = null;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="~/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/css/style.css" />
    <link href="~/assets/css/codemirror.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/assets/css/ace.min.css" />
    <link rel="stylesheet" href="~/font/css/font-awesome.min.css" />
    <link rel="stylesheet" href="~/layui-v2.5.4/layui/css/layui.css" media="all" />
    <!--[if lte IE 8]>
      <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
    <![endif]-->
    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script src="~/assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Widget/Validform/5.3.2/Validform.min.js"></script>
    <script src="~/assets/js/typeahead-bs2.min.js"></script>
    <script src="~/assets/js/jquery.dataTables.min.js"></script>
    <script src="~/assets/js/jquery.dataTables.bootstrap.js"></script>
    <script src="~/assets/layer/layer.js" type="text/javascript"></script>
    <script src="~/Scripts/lrtk.js" type="text/javascript"></script>
    <script src="~/assets/layer/layer.js" type="text/javascript"></script>
    <script src="~/assets/laydate/laydate.js" type="text/javascript"></script>
    <script src="~/layui-v2.5.4/layui/layui.js" charset="utf-8"></script>
    <title>抵用卷</title>
</head>

<body>
    <div class="page-content clearfix">
        <div class="administrator">
            <div class="d_Confirm_Order_style">
                <div class="search_style">

                    <ul class="search_content clearfix">
                        <li>
                            <select class="select" name="" size="1" id="zfl">
                                <option value="0">请选择组</option>
                            </select>
                        </li>
                        <li>
                            <select class="select" name="" size="1" id="jsfl">
                                <option value="0">请选择角色</option>
                            </select>
                        </li>
                        <li style="width:90px;"><input type="button" class="btn_search" id="chaxun" value="查询" /></li>
                    </ul>
                </div>
                <!--操作-->
                <div class="border clearfix">
                    <span class="l_f">
                        <a href="/Home/Add_Voucher" id="administrator_add" class="btn btn-warning"><i class="fa fa-plus"></i> 发送抵用卷</a>
                        <a href="javascript:ovid()" class="btn btn-danger"><i class="fa fa-trash"></i> 批量删除</a>
                    </span>
                </div>
                <!--管理员列表-->
                <div class="clearfix administrator_style" id="administrator">
                    <div class="left_style">
                        <div id="scrollsidebar" class="left_Treeview">
                            <div class="show_btn" id="rightArrow"><span></span></div>
                            <div class="widget-box side_content">
                                <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
                                @*<div class="side_list">
                    <div class="widget-header header-color-green2"><h4 class="lighter smaller">管理员分类列表</h4></div>
                    <div class="widget-body">
                        <ul class="b_P_Sort_list">
                            <li><i class="fa fa-users green"></i> <a href="#">全部管理员（13）</a></li>
                            <li><i class="fa fa-users orange"></i> <a href="#">超级管理员（1）</a></li>
                            <li><i class="fa fa-users orange"></i> <a href="#">普通管理员（5）</a></li>
                            <li><i class="fa fa-users orange"></i> <a href="#">产品编辑管理员（4）</a></li>
                            <li><i class="fa fa-users orange"></i> <a href="#">管理员（1）</a></li>
                        </ul>
                    </div>

                </div>*@
                            </div>
                        </div>
                    </div>
                    <div class="table_menu_list" id="testIframe">
                        <table class="layui-hide" id="test" lay-filter="demo"></table>
                        <script type="text/html" id="barDemo">
                            <a class="layui-btn layui-btn-xs" id="Back" lay-event="edit">修改</a>
                            <a class="layui-btn layui-btn-xs" id="Back" lay-event="del">删除操作记录</a>
                            <a class="layui-btn layui-btn-xs" id="Back" lay-event="delAll">删除当前抵用卷</a>
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script src="~/Scripts/Format.js"></script>
<script type="text/javascript">
    //layui数据表格
    layui.use('table', function () {
        var table = layui.table
            , form = layui.form;
        table.render({
            elem: '#test'
            , url: '/Voucher/GetVouncherList'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , cols: [[
                { type: 'checkbox' }  //这段是加的
                ,{ field: 'VoucherRecord_Id', width: 100, title: '操作编号', align: 'center' }
                , { field: 'User_Id', width: 100, title: '用户编号', align: 'center', sort: true  }
                , { field: 'Voucher_Id', width: 240, title: '抵用卷编号', align: 'center', unresize: true }
                , { field: 'VoucherRecord_Money', title: '操作金额', width: 150, align: 'center', unresize: true }
                , { field: 'VoucherRecord_OperationMethod', title: '操作方式', width: 120, align: 'center', unresize: true }
                , { field: 'VoucherRecord_Channel', title: '收入/支出渠道', width: 150, align: 'center'}
                , { field: 'VoucherRecord_Effective', title: '有效时间', width: 180, templet: "<div>{{Format(d.VoucherRecord_Effective,'yyyy-MM-dd hh:mm:ss')}}</div>" }
                , { field: 'VoucherRecord_CreateTime', title: '充值时间', width: 180, templet: "<div>{{Format(d.VoucherRecord_CreateTime,'yyyy-MM-dd hh:mm:ss')}}</div>"}
                , { fixed: 'right', title: '操作', width: 280, align: 'center', toolbar: '#barDemo' }
            ]]
            , page: true
            , id: 'testReload'
        });

        //监听工具条
        table.on('tool(demo)', function (obj) {
            var data = obj.data;
            var id = data.Voucher_Id ;
            if (obj.event === 'edit') {
                window.location.href = "/Home/Edit_Vocher?id=" + id;
            }
            else if (obj.event == 'del') {
                layer.confirm('真的要删除吗', function (index) {
                    $.ajax({
                        url: "/Voucher/DelVoucher",
                        type: "post",
                        data: data,
                        success: function (result) {
                            if (result.Success) {
                                layer.msg('删除成功！', {
                                    title: '提示框',
                                    icon: 1,
                                    time: 2000
                                }, function () {
                                    location.reload(true);
                                });
                            }
                            else {
                                layer.msg('删除失败！', {
                                    title: '提示框',
                                    icon: 1,
                                    time: 2000
                                });
                            }
                        }
                    });
                });
            }
            else if (obj.event == 'delAll') {
                layer.confirm('真的要删除吗', function (index) {
                    $.ajax({
                        url: "/Voucher/DelAllVoucher",
                        type: "post",
                        data: data,
                        success: function (result) {
                            if (result.Success) {
                                layer.msg('删除成功！', {
                                    title: '提示框',
                                    icon: 1,
                                    time: 2000
                                }, function () {
                                    location.reload(true);
                                });
                            }
                            else {
                                layer.msg('删除失败！', {
                                    title: '提示框',
                                    icon: 1,
                                    time: 2000
                                });
                            }
                        }
                    });
                });
            }
        });
    });

    //列表刷新
    function TableReload() {
        var table = layui.table;
        //获取页面管理员名称和时间
        var username = $("#zfl").val();
        var adddate = $("#jsfl").val();
        //上述方法等价于
        table.reload('testReload', {
            where: { //设定异步数据接口的额外参数，任意设
                username: username,
                adddate: adddate
                //…
            }
        });
    }



    jQuery(function ($) {
        var oTable1 = $('#sample_table').dataTable({
            "aaSorting": [[1, "desc"]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                { "orderable": false, "aTargets": [0, 2, 3, 4, 5, 7, 8,] }// 制定列不参与排序
            ]
        });


        $('table th input:checkbox').on('click', function () {
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function () {
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

        });


        $('[data-rel="tooltip"]').tooltip({ placement: tooltip_placement });
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
            return 'left';
        }
    });

</script>
<script type="text/javascript">
    $(function () {
        $("#administrator").fix({
            float: 'left',
            //minStatue : true,
            skin: 'green',
            durationTime: false,
            spacingw: 50,//设置隐藏时的距离
            spacingh: 270,//设置显示时间距
        });
    });
    //字数限制
    function checkLength(which) {
        var maxChars = 100; //
        if (which.value.length > maxChars) {
            layer.open({
                icon: 2,
                title: '提示框',
                content: '您输入的字数超过限制!',
            });
            // 超过限制的字数了就将 文本框中的内容按规定的字数 截取
            which.value = which.value.substring(0, maxChars);
            return false;
        } else {
            var curr = maxChars - which.value.length; //250 减去 当前输入的
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    };



    //初始化宽度、高度
    $(".widget-box").height($(window).height() - 215);
    $(".table_menu_list").width($(window).width() - 260);
    $(".table_menu_list").height($(window).height() - 215);
    //当文档窗口发生改变时 触发
    $(window).resize(function () {
        $(".widget-box").height($(window).height() - 215);
        $(".table_menu_list").width($(window).width() - 260);
        $(".table_menu_list").height($(window).height() - 215);
    })
    //laydate({
    //    elem: '#start',
    //    event: 'focus'
    //});

    /*用户-停用*/
    function member_stop(obj, id) {
        layer.confirm('确认要停用吗？', function (index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="fa fa-close bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!', { icon: 5, time: 1000 });
        });
    }
    /*用户-启用*/
    function member_start(obj, id) {
        layer.confirm('确认要启用吗？', function (index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="fa fa-check  bigger-120"></i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!', { icon: 6, time: 1000 });
        });
    }
    /*产品-编辑*/
    function member_edit(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*产品-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', { icon: 1, time: 1000 });
        });
    }
</script>

